<template>
    <div id="indexNavmap">
        <div class="mapleft">
            <i :class="setclass"></i>
            <span>{{font}}</span>
            <strong>{{setfont}}</strong>
        </div>
        <div class="mapright">
            更多>>
        </div>
    </div>
</template>
<script>
export default {
    props:["theam"],
    data(){
        return{
            font:"",
            setclass:"",
            setfont:"",

        }
    },
    watch: {
        theam(newv){
            this.font=newv.theam;
            this.setfont=newv.settheam;
            this.setclass=newv.newclass;
        }
    },
    
}
</script>
<style scoped>
#indexNavmap{
    width: 80%;
    margin: auto;
    height:50px;
    line-height: 50px;
    background:#ebffe8;
    border-bottom: 1px solid #6ea865;
    overflow: hidden;
    margin:15px auto;
}
.mapleft{
    float: left;
    margin-left:15px;
}
.mapleft i{
    font-size: 18
    px;
    margin-right:5px;
}
.mapleft span{
    font-size: 18px;
    color:#498e3d;
    margin-right:20px;
}
.mapleft strong{
    font-size: 16px;
    color:#b1b8b0;
}
.mapright{
    float: right;
    margin-right:20px;
}
</style>